<template>
	<view class="shadow container radius">
		<view class="header flex-center">
			你知道吗?
		</view>
		<view class="main">
			<view class="title">
				一袋厨余垃圾怎么扔?
			</view>
			<view class="img flex-center">
				<img src="../static/mine.png">
			</view>
			<view class="content">
				XXXXXXXXXXXXXXXXXX\/nXXXXXXXXXXXXXXXX/nXXXXXXXXXXXXXXXX
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"know-card",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
.container {
	width: 80vw;
	margin-top: 50rpx;
	
	.header {
		color: #fff;
		height: 6vh;
		border-radius: 15px 15px 0 0;
		background-color: #3f3f3f;
	}
	.main {
		padding:30rpx;
	}
	.title {
		font-size: 60rpx;
		font-weight: 500;
	}
	.img {
		height: 100rpx;
		margin: 10px 0;
		
		img {
			width: 100rpx;
			height: 100rpx;
		}
	}
	.content{
		width: 70vw;
		font-size: 40rpx;
		word-wrap: break-word;
		white-space: pre-line;

	}
}
</style>